<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui"    
      xmlns:ui="http://java.sun.com/jsf/facelets">    

    <h:head>
        <title>Produtos</title>
    </h:head>
    <h:body>

        <ui:composition template="layout.xhtml">
            <ui:define name="tituloJanela">
                AE-Store :: Produtos
            </ui:define>

            <ui:define name="conteudo">
                <div id="produtos">   

                    <h:form>
                        <h:panelGrid columns="3">

                            <h:outputLabel value="Código:"/>
                            <h:inputText id="codigo" value="#{produtoBean.produto.codigo}" size="10"  required="true" requiredMessage="Campo Obrigatório"/>
                            <h:message for="codigo" />

                            <h:outputLabel value="Nome:"/>
                            <h:inputText id="nome" value="#{produtoBean.produto.nome}" size="20"  required="true" requiredMessage="Campo Obrigatório">
                                <f:validateLength minimum="5" />  
                            </h:inputText>
                            <h:message for="nome" />

                            <h:outputLabel value="Descrição:"/>
                            <p:editor id="descricao" value="#{produtoBean.produto.descricao}" width="500" height="150" style="margin-bottom:10px" />
                            <h:message for="descricao" />

                            <h:outputLabel value="Características:"/>
                            <p:editor id="caracteristicas" value="#{produtoBean.produto.caracteristicas}" width="500" height="150" style="margin-bottom:10px" />
                            <h:message for="caracteristicas" />

                            <h:outputLabel value="Categoria:"/>
                            <p:selectOneMenu id="categoria" value="#{produtoBean.produto.categoria}">  
                                <f:selectItem itemLabel="Selecione a categoria" itemValue="" />  
                                <f:selectItems value="#{categoriaBean.categorias}"  var="c" itemValue="#{c.id}" itemLabel="#{c.nome}"/>
                            </p:selectOneMenu>  
                            <h:message for="categoria" showDetail="true" />                


                            <h:outputLabel value="Gênero"/>
                            <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">  
                                <p:selectOneRadio id="genero" value="#{produtoBean.produto.genero}">  
                                    <f:selectItem itemLabel="Ambos" itemValue="1" />  
                                    <f:selectItem itemLabel="Masculino" itemValue="2" />  
                                    <f:selectItem itemLabel="Feminino" itemValue="3" />  
                                </p:selectOneRadio>  

                            </h:panelGrid>  
                            <h:message for="genero" />

                            <h:outputLabel value="Preço:"/>
                            <h:inputText id="preco" value="#{produtoBean.produto.preco}" size="10"  required="true" requiredMessage="Campo Obrigatório"/>
                            <h:message for="preco" />

                            <h:outputLabel value="Desconto:"/>
                            <h:inputText id="desconto" value="#{produtoBean.produto.desconto}" size="10"/>
                            <h:message for="desconto" />

                            <h:outputLabel value="Tamanho:"/>
                            <h:inputText id="tamanho" value="#{produtoBean.produto.tamanho}" size="5"/>
                            <h:message for="tamanho" />


                            <h:outputLabel value="Quantidade:"/>
                            <h:inputText id="quantidade" value="#{produtoBean.produto.quantidade}" size="5"/>
                            <h:message for="quantidade" />


                            <h:outputLabel value="Imagem:"/>
                            <h:inputText id="imagem" value="#{produtoBean.produto.imagem}"/>
                            <h:message for="imagem" />

                            <h:form enctype="multipart/form-data">

                                <p:messages showDetail="true"/>

                                <p:fileUpload value="#{fileUploadController.file}" mode="simple"/>

                                <p:commandButton value="Submit" ajax="false"
                                                 actionListener="#{fileUploadController.upload}"/>

                            </h:form>



                            <h:commandButton id="btnE" value="Enviar" type="submit" action="#{produtoBean.salvarProduto}"/>
                            <h:commandButton id="btnL" value="Limpar" type="reset" />                
                            <br />


                        </h:panelGrid>

                        <br/>

                        <h:panelGrid>
                            <h:dataTable id="tableProduto" value="#{produtoBean.produtoLista}" var="p" title="Produtos Cadastrados" border="1" rows="10" >
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="CODIGO" />
                                    </f:facet>
                                    <h:outputText value="#{p.codigo}"/>
                                </h:column>
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="PRODUTO" />
                                    </f:facet>
                                    <h:outputText value="#{p.nome}"/>
                                </h:column>
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="DESCRIÇÃO" />
                                    </f:facet>
                                    <h:outputText value="#{p.descricao}"/>
                                </h:column>
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="CARACTERÍSTICAS" />
                                    </f:facet>
                                    <h:outputText value="#{p.caracteristicas}"/>
                                </h:column>
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="CATEGORIA" />
                                    </f:facet>
                                    <h:outputText value="#{p.categoria}"/>
                                </h:column>
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="GENERO" />
                                    </f:facet>
                                    <h:outputText value="#{p.genero}"/>
                                </h:column>                                         
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="PRECO" />
                                    </f:facet>
                                    <h:outputText value="#{p.preco}"/>
                                </h:column>                                         
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="DESCONTO" />
                                    </f:facet>
                                    <h:outputText value="#{p.desconto}"/>
                                </h:column>                                         
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="TAMANHO" />
                                    </f:facet>
                                    <h:outputText value="#{p.tamanho}"/>
                                </h:column>                                         
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="QUANTIDADE" />
                                    </f:facet>
                                    <h:outputText value="#{p.quantidade}"/>
                                </h:column>                                         
                                <h:column>
                                    <f:facet name="header">
                                        <h:outputText value="IMAGEM" />
                                    </f:facet>
                                    <h:outputText value="#{p.imagem}"/>
                                </h:column>                                         

                            </h:dataTable>
                        </h:panelGrid>

                    </h:form>  
                    <br/>

                </div>
            </ui:define>
        </ui:composition>  
    </h:body>
</html>
